<template>
  <div>
    <h2>Hello {{foo}}</h2>
    <button @click="test">点击测试</button>
  </div>
</template>

<script lang="ts">
// Class APIs
// 类名: 组件的 name
import Vue from 'vue'
import Component from 'vue-class-component'
@Component // 可以调用 @Component(),也可以不调用
export default class Bar extends Vue {
  foo = 'bar' // 定义 data 里的 成员
  count = 100
  test() {
    console.info('hello')
  }

  created() {
    console.info('created')
  }
}
</script>

<style>
</style>
